<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>医院信息</title>
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/base.css" />
		<link rel="stylesheet" type="text/css" href="../../css/xinxi/docInfo.css" />
		<link rel="stylesheet" type="text/css" href="../../css/xinxi/hospital.css" />
		<script type="text/javascript" src="../../js/jquery-2.1.3.min.js"></script>
		<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
		<script type="text/javascript" src="../../js/loadHtml.js"></script>
	</head>
	<body>
		<div class="wrapper clearfix">
			<div class="sideBar"></div>
			<div class="main">
				<div class="mainTop">
					<h1 class="title"><a href="#">医院信息</a> 医院简介</h1>
					<ul class="tabList">
						<li class="tabCurrent" onclick="tab('tab0')" id="nav0">医院简介</li>
						<li onclick="tab('tab1')" id="nav1">医院导航</li>
					</ul>
				</div>
				<div class="phoneMain clearfix" style="display:none;" id="tab0">
					<div class="phoneImg">
						<img src="../../img/phone.png" />
					</div>
					<div class="info">
						<div class="infoTop">
							<h1 class="title">医院简介</h1>
							<div class="infoBtn">
								<button>保存</button>
								<button>重置</button>
							</div>
						</div>
						<div class="infoCenter">
							<div class="hosTop">
								<img src="../../img/pic1.png" />
							</div>
							<div class="hosCenter">
								<input type="text" placeholder="输入医院名称" />
								<ul>
									<li>
										<h1>官网地址</h1>
										<input type="text" class="inputSize" placeholder="请输入..." />
									</li>
									<li>
										<h1>联系电话</h1>
										<input type="text" class="inputSize" placeholder="请输入..." />
									</li>
									<li>
										<h1>医院地址</h1>
										<input type="text" class="inputSize" placeholder="请输入..." />
									</li>
								</ul>
							</div>
						</div>
						<div class="infoBottom">
							<ul>
								<li>
									<h1>医院介绍</h1>
									<textarea placeholder="请输入..."></textarea>
								</li>
							</ul>
						</div>
					</div>
				</div>
				
				<div class="phoneMain clearfix" style="display:block;" id="tab1">
					<div class="phoneImg">
						<img src="../../img/phone.png" />
					</div>
					<div class="info" style="height:722px;">
						<div class="infoTop">
							<h1 class="title">医院导航</h1>
							<div class="infoBtn">
								<button>保存</button>
								<button>重置</button>
							</div>
						</div>
						<div class="infoCenter">
							<div class="hosTop">
								<input type="text" placeholder="请输入详细地址方便地图定位" />
								<img src="../../img/pic1.png" />
							</div>
						</div>
						<div class="infoBottom">
							<ul>
								<li>
									<h1>来院方式</h1>
									<textarea placeholder="请输入..."></textarea>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript">
	function tab(pid) {
	var tabs = ["tab0", "tab1"];
	for (var i = 0; i < 5; i++) {
		if (tabs[i] == pid) {
			document.getElementById("nav" + i).className = "tabCurrent";
			document.getElementById(tabs[i]).style.display = "block";
		} else {
			document.getElementById("nav" + i).className = "";
			document.getElementById(tabs[i]).style.display = "none";
		}
	}
}
</script>